<p>
  test01 works! //    --proxy-config proxy.conf.json
</p>
<hr style=" height:2px;border:none;border-top:2px dotted #185598;" />

<button (click)="emit()">点击获取远程数据</button>
<h3 *ngIf="loading">Loading...</h3>
<h2>请求到的远程数据为：</h2>
{{data | json}}
<hr style=" height:2px;border:none;border-top:2px dotted #185598;" />

<button (click)="getStudents()">点击获取学生数据</button>
<h2>从后台获取到的学生数据为：</h2>
<li *ngFor="let student of students">
  {{student | json}}
</li>
<hr />
<div class="box">
  <div class="box-header with-border">
    <button class="btn btn-success btn-lg" (click)="create()">创建</button>
    <div class="box-tools">
      <div class="input-group input-group-sm" style="width: 150px;margin-top: 16px;">
        <input [formControl]="filterController" type="text" name="table_search" class="form-control pull-right" placeholder="Search">

        <div class="input-group-btn">
          <button type="submit" class="btn btn-default"><i class="fa fa-search"></i></button>
        </div>
      </div>
    </div>
  </div>

  <!-- /.box-header -->
  <div class="box-body">
    <table class="table table-bordered">
      <tr>
        <th>编号</th>
        <th>姓名</th>
        <th>地址</th>
        <th>科目</th>
        <td>描述</td>
        <td>操作</td>
      </tr>
      <tr *ngFor="let student of students | filter: 'name': keyword; let i = index;">
        <td>{{i+1}}</td>
        <td>{{student.name}}</td>
        <td>{{student.address}}</td>
        <td>{{student.subject}}</td>
        <td>{{student.description}}</td>
        <td>
          <button class="btn btn-success btn-sm" (click)="update(student)"><i class="glyphicon glyphicon-ok">&nbsp;</i>编辑</button>
          &nbsp;
          <button class="btn btn-danger btn-sm" (click)="delete(student)"><i class="glyphicon glyphicon-remove">&nbsp;</i>删除</button>
        </td>
      </tr>
    </table>
  </div>
  <!-- /.box-body -->
  <!--<div class="box-footer clearfix">
    <ul class="pagination pagination-sm no-margin pull-right">
      <li><a href="#">&laquo;</a></li>
      <li><a href="#">1</a></li>
      <li><a href="#">2</a></li>
      <li><a href="#">3</a></li>
      <li><a href="#">&raquo;</a></li>
    </ul>
  </div>-->
</div>
<!-- /.box -->


